:root {
  --color-text: var(--van-text-color, #323233);
  --color-background-2: var(--van-background-2, #fff);
  --color-block-background: var(--van-border-color, #ebedf0);
}

html.dark {
  --color-text: var(--van-text-color, #f5f5f5);
  --color-background-2: var(--van-background-2, #1c1c1e);
  --color-block-background: var(--van-border-color, #3a3a3c);
}

// 主题色
@theme-color: #07C160;
@white: #ffffff;
@blue: #007AFF;
@green: @theme-color;
@orange: #f1b000;
@red: #fe4444;

//文字颜色
@primary-color: @theme-color;
@label-color: #1a1a1a;
@title-color: #555555;
@text-color: #666666;
@content-color: #999999;
@info-color: #bbbbbb;
@disabled-color: #dddddd;

// 背景颜色
@default-bg: #f2f2f2;
@white-bg: @white;
@grap-bg: #f6f6f6;
@btn-bg: rgba(0, 122, 255, 0.08);
@warn-bg: #ffe7e7;
@notice-bg: #fffde6;
@tag-active: #f0f7ff;

// 遮罩颜色
@popup-mask: rgba(0, 0, 0, 0.6);
@picture-mask: rgba(0, 0, 0, 0.25);
@btn-mask: rgba(0, 0, 0, 0.15);

// 边框颜色
@default-border: #ebebeb;
@white-border: rgba(255, 255, 255, 0.08);
@btn-border: #e0e0e0;
@dash-border: #ccc;

// 会员相关颜色
@no-vip: #e5eaf1;
@black-vip: #37392e;
@gold-vip: #fce8bc;
@light-gold-vip: #fff6df;

// -----------------------
@border-color: #f3f3f3;
@border-line: #e6e6e6;
@border-label-color: rgba(26, 26, 26, 0.06);

@placeholder: #bbbbbb;

//Color
@primary-color: @theme-color;
@default-color: @label-color;
@success-color: #34bfa3;
@warning-color: #ffe57f;
@error-color: #f4516c;
@active-color: #999999;

// steps
@step-color: #c4c9d2;
@step-active-color: @theme-color;

// // Text
// @title-color : #333;
// @text-color : #888;

// // Background Color
// @background-color-base : #f8f8f8; // base

// // Border color
// @border-color-base : #dddee1; // outside
@border-color-split: #e9eaec; // inside

// // Size
// @size-grid-icon : 28px;
// @size-font-base : 28px;
@size-font-mini: 14px;
// @size-font-large : 32px;

// Button
@btn-height: 40px;
@btn-width: 90px;
@btn-height-large: 48px;
@btn-width-large: 355px;
@btn-height-mini: 34px;
@btn-width-mini: 56px;
@btn-loading-color: #fff;
@btn-circle-size: 50px;
@btn-circle-size-mini: 20px;
@btn-circle-size-large: 30px;

// icon
@icon-font-size: 16px; // 图标字体大小        默认
@icon-font-size-large: 21px; // 图标字体大小        大号
@icon-font-size-small: 11px; // 图标字体大小        小号
@icon-font-color: #80848f;

@avatar-bg: #ccc;

